// RIEMPIMENTO CONTENUTI

var pathRiempimentoCubotto = "json/box.json";
var idCubotto = "cubo";
var speedAnimation = 300;
var slideTitoloSpeed = 100;
var numCubotti; 
var list;
var indiceFlipCubo;
var randomOpen;
var booleanRandom;
var timeout = 2000;
var arrayIdCubotto = new Array();
var arrayNumCubo = new Array();
var evitoDuplica;
var speedTendaCat = 600;

function riempiCubotto(){
	$.ajax({
		url: pathRiempimentoCubotto,
		dataType: "json",
		success: function(data) {
			list = (data.length);
            for(y=1;y<=list;y++){
                arrayNumCubo[y]=y;
                while(y>0){
                    evitoDuplica = parseInt(((Math.random()*list)+1));
                    if(arrayIdCubotto[evitoDuplica] == null){
                       arrayIdCubotto[evitoDuplica] = idCubotto+arrayNumCubo[y]; 
                       break;
                    }                       
                }
            }
            for(j=1;j<=list;j++){
                $(".box_course:nth-child("+j+")").attr("id",arrayIdCubotto[j]);
            }
			for(i=0;i<list;i++){
				immagineHome = data[i].immagineHome;
				titolo = data[i].titolo;
				prezzo = data[i].prezzo;
				descrizione = data[i].descrizione;
				urlIconaCategoria = data[i].urlIconaCategoria;
				nomeCategoria = data[i].nomeCategoria;
				numeroView = data[i].numeroView;
				stelline = data[i].stelline;
				iconaAutore = data[i].iconaAutore;
				nomeAutore = data[i].nomeAutore;
				professioneAutore = data[i].professioneAutore;       
                booleanRandom = parseInt(((Math.random()*100)+1));
                $("#"+idCubotto+(i+1)).removeClass("open_initial");
                if(booleanRandom <= 50){
                    $("#"+idCubotto+(i+1)).addClass("open_initial"); 
                } 
                $("#"+idCubotto+(i+1)).find(".link_category span").html(nomeCategoria);
				$("#"+idCubotto+(i+1)).find(".img_box_course").attr("src",immagineHome);
				$("#"+idCubotto+(i+1)).find(".cont_data_course h3").html(titolo);
				$("#"+idCubotto+(i+1)).find(".course_price span:nth-child(1)").html(prezzo);
                $("#"+idCubotto+(i+1)).find(".course_price span:nth-child(1)").attr("rel", prezzo);
				if(prezzo == null || prezzo == "free"){
					$("#"+idCubotto+(i+1)).find(".course_price span:nth-child(2)").css("display","none");
					$("#"+idCubotto+(i+1)).find(".course_price span:nth-child(1)").html("free");
                    $("#"+idCubotto+(i+1)).find(".course_price span:nth-child(1)").attr("rel", "0");
					$("#"+idCubotto+(i+1)).find(".course_price span:nth-child(1)").css({
						"fontSize":"33px",
						"fontWeight":"normal"
					});
				}
				$("#"+idCubotto+(i+1)).find(".cont_data_course h4").html(descrizione);
				$("#"+idCubotto+(i+1)).find(".link_category img").attr("src",urlIconaCategoria);
				$("#"+idCubotto+(i+1)).find(".link_category span").html(nomeCategoria);
                switch (nomeCategoria){     
                    case "tecnologia":
                        $("#"+idCubotto+(i+1)).find(".link_category").removeAttr("class");
                        $("#"+idCubotto+(i+1)).find("a:first-child").addClass("link_category").addClass("tecnologia");
                        break;
                    case "lingue":
                        $("#"+idCubotto+(i+1)).find(".link_category").removeAttr("class");
                        $("#"+idCubotto+(i+1)).find("a:first-child").addClass("link_category").addClass("lingue");
                        break;
                    case "scrittura e poesia":
                        $("#"+idCubotto+(i+1)).find(".link_category").removeAttr("class");
                        $("#"+idCubotto+(i+1)).find("a:first-child").addClass("link_category").addClass("scrittura");
                        break;
                    case "storia":
                        $("#"+idCubotto+(i+1)).find(".link_category").removeAttr("class");
                        $("#"+idCubotto+(i+1)).find("a:first-child").addClass("link_category").addClass("storia");
                        break;
                    case "fotografia":
                        $("#"+idCubotto+(i+1)).find(".link_category").removeAttr("class");
                        $("#"+idCubotto+(i+1)).find("a:first-child").addClass("link_category").addClass("fotografia");
                        break;
                    case "cucina":
                        $("#"+idCubotto+(i+1)).find(".link_category").removeAttr("class");
                        $("#"+idCubotto+(i+1)).find("a:first-child").addClass("link_category").addClass("cucina");
                        break;
                    case "arte":
                        $("#"+idCubotto+(i+1)).find(".link_category").removeAttr("class");
                        $("#"+idCubotto+(i+1)).find("a:first-child").addClass("link_category").addClass("arte");
                        break;
                    case "cinema e teatro":
                        $("#"+idCubotto+(i+1)).find(".link_category").removeAttr("class");
                        $("#"+idCubotto+(i+1)).find("a:first-child").addClass("link_category").addClass("cinema");
                        break;
                    case "architettura e design":
                        $("#"+idCubotto+(i+1)).find(".link_category").removeAttr("class");
                        $("#"+idCubotto+(i+1)).find("a:first-child").addClass("link_category").addClass("architettura");
                        break;
                    case "musica":
                        $("#"+idCubotto+(i+1)).find(".link_category").removeAttr("class");
                        $("#"+idCubotto+(i+1)).find("a:first-child").addClass("link_category").addClass("musica");
                        break;
                    case "fumetto":
                        $("#"+idCubotto+(i+1)).find(".link_category").removeAttr("class");
                        $("#"+idCubotto+(i+1)).find("a:first-child").addClass("link_category").addClass("fumetto");
                        break;
                    case "fondazione corriere":
                        $("#"+idCubotto+(i+1)).find(".link_category").removeAttr("class");
                        $("#"+idCubotto+(i+1)).find("a:first-child").addClass("link_category").addClass("corriere");
                        break;
                    case "tutte le categorie":
                        $("#"+idCubotto+(i+1)).find(".link_category").removeAttr("class");
                        $("#"+idCubotto+(i+1)).find("a:first-child").addClass("link_category").addClass("allCategories");
                        break;
                    case "economia":
                        $("#"+idCubotto+(i+1)).find(".link_category").removeAttr("class");
                        $("#"+idCubotto+(i+1)).find("a:first-child").addClass("link_category").addClass("economia");
                        break;
                    case "salute e benessere":
                        $("#"+idCubotto+(i+1)).find(".link_category").removeAttr("class");
                        $("#"+idCubotto+(i+1)).find("a:first-child").addClass("link_category").addClass("salute"); 
                        break;
                }
				$("#"+idCubotto+(i+1)).find(".num_view span").html(numeroView);
				$("#"+idCubotto+(i+1)).find(".lampadine").html(stelline);
				stelline = parseInt(stelline);
				switch(stelline){
					case 0:
						$("#"+idCubotto+(i+1)).find(".lampadine").css("background-position","0px -140px");
					break;
					case 1:
						$("#"+idCubotto+(i+1)).find(".lampadine").css("background-position","0px -113px");
					break;
					case 2:
						$("#"+idCubotto+(i+1)).find(".lampadine").css("background-position","0px -85px");
					break;
					case 3:
						$("#"+idCubotto+(i+1)).find(".lampadine").css("background-position","0px -56px");
					break;			  
					case 4:
						$("#"+idCubotto+(i+1)).find(".lampadine").css("background-position","0px -28px");
					break;
					case 5:
						$("#"+idCubotto+(i+1)).find(".lampadine").css("background-position","0px 0px");
					break;			  
				}
				$("#"+idCubotto+(i+1)).find(".mini_utente").attr("src",iconaAutore);
				$("#"+idCubotto+(i+1)).find(".user_tit_1").html(nomeAutore);
				$("#"+idCubotto+(i+1)).find(".user_tit_2").html(professioneAutore);
            }
            $(".box_course").css("backgroundImage","none");
        	setInterval(function() {
        		flipCubotto(list,idCubotto);
        	},timeout);	
            sortBy();
		},
		error: function() {
			console.log("non connesso");
		}
	});
}

function flipCubotto(list,idCubotto){
    indiceFlipCubo = parseInt(((Math.random()*list)+1));
    if(!$("#"+(idCubotto+indiceFlipCubo)).hasClass("open") && !$("#"+(idCubotto+indiceFlipCubo)).hasClass("open_initial")){
        $("#"+(idCubotto+indiceFlipCubo)).find(".link_category").find("span").slideUp(slideTitoloSpeed, function(){
            $(this).prev("img").animate({
                "width":"0px"
            },speedAnimation);
            $(this).parent(".link_category").animate({
            "width":"0px"
            },speedAnimation, function(){
                $(this).css("display","none");
                $(this).next(".anteprima_course").css("display","block");
                $(this).next(".anteprima_course").animate({
                    "width":"315px"
                },speedAnimation).clearQueue();               
            });
        }); 
        $("#"+(idCubotto+indiceFlipCubo)).addClass("open");
    }else{
        $("#"+(idCubotto+indiceFlipCubo)).find(".anteprima_course").animate({
            "width":"0px"
        },speedAnimation, function(){
            $(this).css("display","none");  
            $(this).prev(".link_category").css("display","block");
            $(this).prev(".link_category").animate({
                "width":"315px"
            },speedAnimation);
            $(this).prev(".link_category").find("img").animate({
                "width":"115px"
            },speedAnimation, function(){
               $(this).next("span").slideDown(slideTitoloSpeed);  
               $("#"+(idCubotto+indiceFlipCubo)).removeClass("open_initial");
            }).clearQueue();
        });  
        $("#"+(idCubotto+indiceFlipCubo)).removeClass("open");
    }    
}

function sortBy(){
    var container = $('#container');
    container.isotope({
        itemSelector : '.box_course',
        getSortData : {
            price : function ( $elem ) {
                var num = parseInt($elem.find('.course_price').find("span").attr("rel"));
                return num;
            },
            nameNoCase : function ( $elem ) {
                var namenc = $elem.find('.cont_data_course').find("h3").text().toLowerCase();
                return namenc;
            },
            rated : function ( $elem ) {
                var mRat = parseInt($elem.find('.course_view').find(".lampadine").text());
                return mRat;
            },
            frequentati : function ( $elem ) {
                var freq = parseInt($elem.find('.course_view').find(".num_view").find("span").text());
                return freq;
            },
            category : function ( $elem ) {
                var categ = $elem.find('.link_category').find("span").text();
                return categ;
            }
        }	
    });
    $("#sort-by a").click(function(){
        var sortby = $(this).attr('data-sort');
        if(sortby == "rated" || sortby == "frequentati"){
            container.isotope({ sortBy : sortby, sortAscending : false});
        }else{
            container.isotope({ sortBy : sortby});           
        }
        return false;
    });   
}

function apriChiudiTendaHome(){
    var c = true;
    $("#select_categoria").live("click", function(){
        if(c){
            $(".tenda_categorie").slideDown(speedTendaCat);
            c = false;
        }else{
            $(".tenda_categorie").slideUp(speedTendaCat);
            c = true;
        }
        
    });
}

$(document).ready(function(){
    riempiCubotto();  
    apriChiudiTendaHome();
});



